//
// Progress bars
// --------------------------------------------------


// Outer container
.progress {
	border-radius: 0;
	box-shadow: none;
}
	
// Bar of progress
.progress-bar {
    background-color: @primary;
	box-shadow: none;
}

// Size of progress
.progress-xs {
	height: 3px;
    &.vertical {
        width: 3px;
    }
}
.progress-sm {
    height: 8px;
    &.vertical {
        width: 8px;
    }
}
.progress-lg {
    height: 30px;
    .progress-bar {
        line-height: 30px;
    }
    &.vertical {
        width: 30px;
    }
}

// Variations
// -------------------------

.progress-bar-success {
    .progress-bar-variant(@success);
}
.progress-bar-info {
    .progress-bar-variant(@info);
}
.progress-bar-warning {
    .progress-bar-variant(@warning);
}
.progress-bar-danger {
    .progress-bar-variant(@danger);
}
.progress-bar-gray {
    .progress-bar-variant(@gray);
}
.progress-bar-purple {
    .progress-bar-variant(@purple);
}
.progress-bar-orange {
    .progress-bar-variant(@orange);
}
.progress-bar-pink {
    .progress-bar-variant(@pink);
}
.progress-bar-green {
    .progress-bar-variant(@green);
}
.progress-bar-lime {
    .progress-bar-variant(@lime);
}
.progress-bar-black {
    .progress-bar-variant(@black);
}
// Progress bars

.progress-bar-variant(@color) {
    background-color: @color;
}